<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>game 1</title>
    <style media="screen">
        canvas {
            border: 1px black solid;
        }
    </style>
    <script src='main.js'></script>

    <script src='guagame/utils.js'></script>
    <script src='guagame/guagame.js'></script>
    <script src='guagame/gua_scene.js'></script>

    <script src='scene/title/scene_title.js'></script>

    <script src='scene/main/paddle.js'></script>
    <script src='scene/main/ball.js'></script>
    <script src='scene/main/block.js'></script>
    <script src='scene/main/scene.js'></script>

    <script src='scene/editor/scene_editior.js'></script>

    <script src='scene/end/scene_end.js'></script>

    <script src='level.js'></script>
</head>

<body>
    <canvas id="id-canvas" width="400" height="300"></canvas>
    <hr>
    <input id=id-input-speed type="range" value="1">
    <input id=id-ballX-speed type="range" value="1">
    <input id=id-ballY-speed type="range" value="1">
    <hr>
    <button id=id-add-block>添加砖块</button>
    <hr>
    <select id="id-levels">
        <option>1</option>
    </select>
    <button id="id-new-level">新建关卡</button>
    <hr>
    
    <div>
        <!-- <textarea id='id-text-log' rows="15" cols="50"></textarea> -->
    </div>
    <script>
            // 控制速度
            document.querySelector('#id-input-speed').addEventListener('input', function(event) {
                var input = event.target
                    // log('event', event.target)
                window.fps = Number(input.value)
            })




        __main()
    </script>
</body>

</html>